        #newBridge{
            display: none;
        }
        .iconfont {
            font-family: 'iconfont';
        }
        body {
            color: #eeeeee;
            background: #000005;
        }

        #earth h1 {
            display: inline;
        }

        svg {
            overflow: hidden;
            /* Do not let IE draw outside the bounds of the svg element. */
        }

        a,
        .text-button {
            color: #888888;
        }

        .text-button.highlighted,
        a.highlighted {
            color: #e2b42e;
        }

        .text-button.disabled {
            color: #444444;
        }

        a.invisible,
        p.invisible,
        span.invisible,
        #sponsor.invisible,
        #notice.invisible,
        #details.invisible,
        #tara-stats.invisible,
        path.invisible,
        text.invisible {
            display: none;
        }

        .noselect {
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            cursor: default;
        }

        #warn {
            font-size: 2.0em;
            position: absolute;
            top: 10%;
            left: 2%;
        }

        #display {
            float: left;
            cursor: default;
        }

        #map,
        #animation,
        #fastoverlay,
        #overlay,
        #overlay2,
        #foreground,
        #annotation,
        #windbarb {
            position: absolute;
            top: 0;
            left: 0;
            will-change: transform;
        }

        #windbarb {
            font-size: 0.7em;
        }

        #sponsor,
        #notice {
            position: absolute;
            text-align: right;
            background-color: rgba(0, 0, 5, 0.6);
            border-radius: 0.5rem/0.5rem;
            padding: 0.5rem 1rem 0.5rem 1rem;
            font-size: 1.0rem;
        }

        #tara-stats {
            position: absolute;
            text-align: left;
            background-color: rgba(0, 0, 5, 0.6);
            border-radius: 0.5rem/0.5rem;
            padding: 0.5rem 1rem 0.5rem 1rem;
            font-size: 1.5rem;
        }

        #settings-wrap {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            position: absolute;
            width: 100%;
            align-items: center;
            justify-content: center;
            height: 100%;
            pointer-events: none;
        }

        #settings-wrap.invisible {
            display: none;
        }

        #settings {
            font-size: 1.5rem;
            text-align: left;
            background-color: rgba(0, 0, 5, 0.8);
            border-radius: 0.5rem/0.5rem;
            padding: 0.5rem 1rem 0.5rem 1rem;
            pointer-events: all;
        }

        #settings ul {
            -moz-column-count: 2;
            -webkit-column-count: 2;
            column-count: 2;
            list-style: none;
            padding: 1em;
            margin: 0;
        }

        #sponsor,
        #tara-stats {
            bottom: 3%;
            right: 2%;
        }

        #notice {
            top: 3%;
            right: 2%;
        }

        #settings-hide {
            float: right;
            padding-left: 1em;
        }

        #location-close,
        #sponsor-hide,
        #notice-hide {
            padding: 0 0.5em;
        }

        #sponsor:hover #sponsor-hide,
        #notice:hover #notice-hide {
            display: inline;
        }

        #sponsor a,
        #notice a {
            text-decoration: none;
        }

        #earth {
            font-size: 2.4rem;
        }

        #status,
        #location p,
        #menu {
            font-size: 1.75rem;
        }

        #status,
        #earth {
            background-color: rgba(0, 0, 5, 0.6);
            border-radius: 0.5rem/0.5rem;
            display: table;
            margin-top: 1rem;
            padding: 0 1rem 0 1rem;
            pointer-events: all;
        }

        #menu {
            background-color: rgba(5, 10, 30, 0.85);
            border-radius: 0.5rem/0.5rem;
            overflow: hidden;
            pointer-events: all;

            margin-top: 1rem;
            padding: 0.5rem 1rem 0.5rem 1rem;
            opacity: 1;
            max-height: 34rem;
            transition: opacity 250ms ease, max-height 250ms ease, margin-top 250ms ease;
            -webkit-transition: opacity 250ms ease, max-height 250ms ease, margin-top 250ms ease;
        }

        #menu.invisible {
            margin-top: 0;
            padding: 0 1rem 0 1rem;
            opacity: 0;
            max-height: 0;
            transition: opacity 250ms ease, max-height 250ms ease, margin-top 250ms ease;
            -webkit-transition: opacity 250ms ease, max-height 250ms ease, margin-top 250ms ease;
        }

        #progress,
        #hd {
            padding-left: 1rem;
        }

        #lang,
        #settings-show {
            float: right;
        }

        .icon {
            display: inline-block;
            padding-left: 0.5em;
            text-decoration: none;
            font: normal normal normal 14px/1 fontawesome-sub;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        .lang-link,
        .internal-link {
            text-decoration: none;
            /* can do something like: a[href^="http"] */
        }

        sup,
        sub {
            font-size: 75%;
            line-height: 1;
        }

        /**************************************************************************************************
         * SVG Element Styling
         **************************************************************************************************/

        .location-mark {
            stroke: #3aff3a;
            stroke-width: 2.5;
            fill: none;
        }

        .tara-route {
            stroke-opacity: 0.8;
            stroke-linecap: round;
            stroke-linejoin: round;
            fill: none;
        }

        .tara-plan {
            stroke: #cccccc;
            stroke-width: 1.5;
        }

        .tara-plan-border {
            stroke: #474747;
            stroke-width: 3.75;
        }

        .tara-track {
            stroke: #f17a2e;
            stroke-width: 1.75;
            stroke-opacity: 1;
        }

        .tara-track-border {
            stroke: #48240f;
            stroke-width: 5.25;
        }

        .tara-loc {
            stroke: #48240f;
            stroke-width: 1;
            fill: #f17a2e;
        }

        .argo-recent,
        .argo-active,
        .argo-planned,
        .argo-dead,
        .place {
            stroke: #000000;
            stroke-width: 1.5;
        }

        .diqu-place {
            stroke: #000000;
            stroke-width: 1;
        }

        .xian-place {
            stroke: #011e48;
            stroke-width: 0.7;

        }

        .argo-recent {
            fill: #fffc00;
        }

        .place,
        .diqu-place,
        .xian-place {
            fill: none;
        }

        .argo-active {
            fill: #74ff6a;
        }

        .argo-planned {
            fill: #fc00ff;
        }

        .argo-dead {
            fill: #ff1700;
        }

        /**************************************************************************************************
         * About Page
         **************************************************************************************************/

        #about {
            font-size: 1.5rem;
        }

        #about h1 {
            font-size: 2.4rem;
            text-align: center;
            padding-top: 2rem;
        }

        #about div {
            clear: both;
        }

        #about .blurb {
            padding-top: 2rem;
            padding-bottom: 2rem;
        }

        #about p.text {
            padding-top: 2rem;
            width: 80%;
            margin: auto;
        }

        #about .blurb img {
            padding-top: 2rem;
        }

        #about img {
            display: block;
            margin: auto;
        }

        #about:first-child {
            padding-top: 3rem;
        }

        #cover {
            border: 1px solid #eeeeee;
        }

        #about .licensing {
            padding-top: 2rem;
            padding-bottom: 4rem;
        }

        #print {
            padding: 0 0 30px 0;
        }

        #about .center {
            text-align: center;
        }

        #about .pad {
            visibility: hidden;
        }

        #closing {
            padding-bottom: 2.5rem;
        }

        #about table {
            width: 100%;
            border-spacing: 0;
            border-collapse: collapse;
        }

        #about td {
            vertical-align: top;
        }

        #about td.l {
            width: 50%;
            text-align: right;
            padding: 0 0.5em 0 0;
            border-right: 2px solid #eee;
        }

        #about td.lh {
            width: 40%;
            text-align: right;
            padding: 0 0.5em 0 0;
            border-right: 2px solid #eee;
        }

        #about td.r {
            padding: 0 2em 0 0.5em;
        }

        #about p.xlate span {
            padding: 0 1em 0 1em;
            white-space: nowrap;
        }